jQuery(document).ready(function(){
	shop.header.init();
});
shop.header = {
	conf:{city:''},
	init:function(){
		shop.header.menuTop();
		shop.header.facebook();
		shop.header.email.start();
	},
	focusPass:{
		focus:function(obj){
			var p = jQuery(obj).parent();
			jQuery('#customer_password', p).css({width: "120px"}).removeClass('hidden').focus();
			jQuery('#customer_password_txt', p).css({width: "0px"}).addClass('hidden');
		},
		blur:function(obj){
			if(obj.value == ''){
				var p = jQuery(obj).parent();
				jQuery('#customer_password', p).css({width: "0px"}).addClass('hidden');
				jQuery('#customer_password_txt', p).css({width: "120px"}).removeClass('hidden');
			}
		}
	},
	menuTop: function(){
		jQuery('.submenu').hover(
			function(){
				var offset = jQuery(this).offset(),
				w = jQuery('ul.menu', this).width();
				if(offset.left + w > jQuery(document).width()){
					jQuery('ul.menu', this).css('left', (jQuery(this).width() - w)+'px' );
				}else{
					jQuery('ul.menu', this).css('left', 'auto');
				}
			},
			function(){
				jQuery('ul.menu', this).css('left', '-999em');
			}
		);
	},
	facebook: function() {
		function iAction()
		{
			jQuery('#fb_container').removeClass("hidden");
		}

		//Kiem tra trinh duyet
		if (jQuery.browser.safari || jQuery.browser.opera)
		{
			jQuery('#fb_iframe').load(function(){
				setTimeout(iAction, 0);
			});
			//Can load lai
			var iSource = jQuery('#fb_iframe').attr("src");
			jQuery('#fb_iframe').attr("src", "");
			jQuery('#fb_iframe').attr("src", iSource);
		}
		else
		{
			//Voi browser ho tro
			jQuery('#fb_iframe').load(function(){
				iAction();
			});
		}
    },
	city:{
		start:function(){
			var city = shop.cookie.get('city');
			if(city == '' || city == 0){
				shop.show_overlay_popup('popcity', '', shop.header.theme.popupCity(),
				{
					background: {'background-color' : 'transparent'},
					border: {
						'background-color' : 'transparent',
						'padding' : '0px'
					},
					title: {'display' : 'none'},
					content: {
						'padding' : '0px',
						'width' : '431px'
					},
					release:function(){
						shop.fix_png('.popupTQ_bg');
					}
				});
			}
		},
		menuCity:function(obj, over){
			if(over){
				jQuery('.current',obj).addClass('over');
				jQuery('.sublistCity').removeClass('hidden')
			}else{
				jQuery('.current',obj).removeClass('over');
				jQuery('.sublistCity').addClass('hidden')
			}
		},
		setCity:function(id,safe_title){
			shop.cookie.set('city', id, 86400*30, '/');
			if(shop.is_ie6()){
				setTimeout(function(){ window.location = BASE_URL+safe_title; }, 0);
			}else{
				window.location.href = BASE_URL+safe_title;
			}
			return false;
		}
	},
	email:{
		start:function(){
			jQuery('body').prepend(shop.header.theme.htmlRegMail());
			jQuery('#RegEmail').jNice();
			shop.fix_png('.fixPNG');
			if(shop.cookie.get('showRegEmail') != ''){
				jQuery('#formRegMail').hide();
			};
			shop.enter('#sub-email', function(){shop.header.email.registerCity()});
		},
		hideFormEmail:function() {
			var form = '#formRegMail';
			jQuery(form).slideToggle('slow',function () {
				if(jQuery(form).is(':hidden') == true){
					shop.cookie.set('showRegEmail', 'not', 86400*365, '/');
				}
			});
		},
		registerCity:function(id) {
			id = id ? id : 'sub-email';
			var email = shop.get_ele(id);
			if(email){
				if(shop.util_trim(email.value) == ''){
					alert('Chưa nhập Email');
					email.select();
					email.focus();
					return;
				}else if(!shop.is_email(email.value)){
					alert('Email không hợp lệ');
					email.select();
					email.focus();
					return;
				}else {
					shop.show_overlay_popup('regCity', 'Chọn tỉnh/thành phố',
						shop.header.theme.htmlRegCity('regCity', 'Chọn tỉnh/thành phố'),
						{
							background: {
								'background-color' : 'transparent'
							},
							border: {
								'background-color' : 'transparent',
								'padding' : '0px'
							},
							title: {'display' : 'none'},
							content: {
								'padding' : '0px',
								'width' : '400px',
								'font-size': '12px',
								'color': '#000'
							}
						});
				}
			}
			
		},
		registerEmail: function(){
			var email = shop.get_ele('sub-email'),
			ids = '';
			if(email != ''){
				jQuery('.popupSubCity').each(function(){
					if(jQuery(this).hasClass('btSubcityCheck')){
						ids += this.id+',';
					}
				});
				if(ids == ''){
					alert('Xin Quý khách vui lòng chọn tỉnh thành!');
				}else{
					shop.ajax_popup('act=cart&code=register-email',"POST",{sub_email:email.value,sub_city:ids},
					function (j) {
						shop.hide_overlay_popup('regCity');
						if (j.err == 0) {
							shop.cookie.set('showRegEmail', 'not', 86400*365, '/');
							jQuery('#formRegMail').slideUp('slow');
							email.value = '';
						} else {
							email.select();
							email.focus();
						}
						alert(j.msg);
					});
				}
			}else{
				shop.hide_overlay_popup('regCity');
				email.select();
				email.focus();
				alert('Quý khách vui lòng nhập thông tin Email');
			}
		},
		clickButton:function(obj){
			obj = jQuery(obj);
			if(obj.hasClass('btSubcityCheck')){
			  obj.removeClass('btSubcityCheck');
			}else{
			  obj.addClass('btSubcityCheck');
			}
		}
	},
	faq:{
		conf:{
			type:0,
			arrType:['fb_pro','fb_error'],
			arrTitle:['Thắc mắc về sản phẩm','Thông báo lỗi'],
			id:0,
			title:''
		},
		go:function(id){
			var div = shop.get_ele('productItem'+id);
			if(div){
				shop.header.faq.conf.id = id;
				shop.header.faq.conf.title = jQuery('#productItem'+id+' .titleBoxName').html();
				shop.header.faq.conf.type = 0;
				
				shop.show_overlay_popup('feedback', 'Yêu cầu hỗ trợ từ MuaChung',
				shop.header.theme.faq('feedback', 'Yêu cầu hỗ trợ từ MuaChung'),
				{
					background: {
						'background-color' : 'transparent'
					},
					border: {
						'background-color' : 'transparent',
						'padding' : '0px'
					},
					title: {'display' : 'none'},
					content: {
						'padding' : '0px',
						'width' : '710px',
						'font-size': '12px',
						'color': '#545454'
					}
				});
			}
		},
		change:function(type){
			if(shop.is_exists(shop.header.faq.conf.arrType[type])){
				var now_id = shop.header.faq.conf.arrType[type];
				//change type
				shop.header.faq.conf.type = type;
				//change title
				jQuery('#fb_form_title').html(shop.header.faq.conf.arrTitle[type]);
				//change button
				jQuery('.fb_bt').each(function(){
					jQuery(this).removeClass(this.id+'_active');
					if(this.id == now_id){
						jQuery(this).addClass(this.id+'_active');
					}
				});
			}
		},
		submit:function(){
			var data = {
				id: shop.header.faq.conf.id,
				type: shop.header.faq.conf.type,
				title: shop.util_trim(jQuery('#fb_title').val()),
				content: shop.util_trim(jQuery('#fb_content').val()),
				email: IS_CUSTOMER_LOGIN <= 0 ? shop.util_trim(jQuery('#fb_email').val()) : ''
			};
			
			if(data.title == '' || data.title.length < 10){
				shop.error.set('#fb_title', 'Tiêu đề phải lớn hơn 10 kí tự', 310, '#fb_form'); return;
			}else if(data.content == '' || data.content.length < 50){
				shop.error.close('#fb_title', '#fb_form');
				shop.error.set('#fb_content', 'Nội dung quá ngắn!!! Quý khách vui lòng cung cấp thêm thông tin cho MuaChung', 310, '#fb_form'); return;
			}else if(IS_CUSTOMER_LOGIN <= 0 && !shop.is_email(data.email)){
				shop.error.close('#fb_title', '#fb_form');
				shop.error.close('#fb_content', '#fb_form');
				shop.error.set('#fb_email', 'Email không hợp lệ!!!', 310, '#fb_form'); return;
			}
			data.content = encodeURIComponent(data.content);
			
			shop.ajax_popup('act=feedback&code=report',"POST",data,
			function (j) {
				if(j.err == -1){
					switch(j.ctrl){
						case 'title':
							shop.error.set('#fb_title', 'Tiêu đề phải lớn hơn 10 kí tự', 310, '#fb_form');
							break;
						case 'content':
							shop.error.set('#fb_content', 'Nội dung quá ngắn!!! Quý khách vui lòng cung cấp thêm thông tin cho MuaChung', 310, '#fb_form');
							break;
						case 'email':
							shop.error.set('#fb_email', 'Email không hợp lệ!!!', 310, '#fb_form');
							break;
						case 'item':
							alert('Hệ thống không tìm thấy thông tin sản phẩm\nQuý khách vui lòng thực hiện lại thao tác.');
							shop.hide_overlay_popup('feedback');
							break;
					}
				}else{
					shop.hide_overlay_popup('feedback');
					shop.show_popup_message('<b>Ý kiến của quý khách đã được MuaChung tiếp nhận.</b><br /><br />MuaChung sẽ hồi đáp Quý khách trong thời gian sớm nhất qua Email.', 'Góp ý thành công', 1, 500);
				}
			});
		}
	},
	theme:{
		popupCity:function(){
			return shop.join
			('<div id="popupTQ" class="popupCity">')
				('<div class="popupTQ_bg"></div>')
				('<div class="popupTQ_c">')
					('<div class="buttonCity">')
						('<a id="hn" title="Hà Nội" href="javascript:void(0);" onclick="shop.header.city.setCity(22,\'ha-noi\')"></a>')
						('<a id="tphcm" title="Hồ Chí Minh" href="javascript:void(0);" onclick="shop.header.city.setCity(29,\'tp-ho-chi-minh\')"></a>')
						('<div class="c"></div>')
						('<a id="dn" title="Đà Nẵng" href="javascript:void(0);" onclick="shop.header.city.setCity(15,\'da-nang\')"></a>')
						('<a id="nt" title="Nha Trang" href="javascript:void(0);" onclick="shop.header.city.setCity(68,\'nha-trang\')"></a>')
						('<div class="c"></div>')
						('<a id="hp" title="Hải Phòng" href="javascript:void(0);" onclick="shop.header.city.setCity(26,\'hai-phong\')"></a>')
						('<a id="vt" title="Vũng Tàu" href="javascript:void(0);" onclick="shop.header.city.setCity(67,\'vung-tau\')"></a>')
						('<div class="c"></div>')
					('</div>')
				('</div>')
			('</div>')();
		},
		htmlRegMail:function(){
			return shop.join
			('<div id="formRegMail">')
				('<div class="regContent">')
					('<div class="text fl fixPNG"><b>Đăng ký nhận email thông báo giảm giá</b></div>')
					('<div class="bgSubscribeEmail fl">')
						('<input type="text" name="email" id="sub-email" value="Nhập email của bạn" onfocus="javascript:if(this.value == \'Nhập email của bạn\') this.value=\'\';" onblur="javascript:if(this.value == \'\')this.value=\'Nhập email của bạn\';"/>')
					('</div>')
					('<a href="javascript:void(0)" onclick="shop.header.email.registerCity()" class="bt_send_email"></a>')
					('<a href="javascript:void(0)" onclick="shop.header.email.hideFormEmail()" class="bt_hide_email">Ẩn [ x ]</a>')
				('</div>')
			('</div>')();
		},
		htmlRegCity: function(id, title) {
			var html_city = '',
			cityArr = eval("(" + shop.header.conf.city + ')'),
			now_city = shop.cookie.get('city');
			for(x in cityArr) {
				if(x != 0){
					html_city += shop.join
					('<tr><td>')
						('<a href="javascript:void(0)" onclick="shop.header.email.clickButton(this)" class="popupSubCity btSubcity mTop10'+(x==now_city?' btSubcityCheck':'')+'" id="'+x+'"><span><span>'+cityArr[x]+'</span></span></a>')
					('</td></tr>')();
				}
			}
			
			return shop.popupSite(id, title, shop.join
			('<div class="content" style="padding:15px 20px">')
				('<div style="font-size:14px;font-weight:bold">Bạn muốn nhận Email thông báo sản phẩm mới ở Tỉnh/Thành phố nào ?</div>')
				('<div style="padding:0 0 0 25px">')
					('<table cellpadding="0" cellspacing="0" border="0" width="100%">')
						('<tr>'+ html_city +'</tr>')
						('<tr><td align="center">')
							('<div style="background:#e3e3e3;height:1px;margin:15px 0 10px;overflow:hidden"></div>')
							('<a id="fr" class="blueButton mLeft10" onclick="shop.header.email.registerEmail()" href="javascript:void(0)"><span><span>Hoàn thành</span></span></a>')
						('</td></tr>')
					('</table>')
				('</div>')
			('</div>')());
		},
		faq:function(id, title){
			return shop.popupSite(id, title, shop.join
			('<div id="faq">')
				('<div class="title">')
					('<div id="fb_pro_title"><div>Sản phẩm:</div><div class="c"></div>')
						('<div class="fl"><b>&lsquo;&lsquo;</b></div>')
						('<div class="pro_title fl">'+shop.header.faq.conf.title+'<b>&sbquo;&sbquo;</b></div>')
						('<div class="c"></div>')
					('</div>')
				('</div>')
				('<div class="content">')
					('<div class="cleft">')
						('<a href="javascript:void(0)" onclick="shop.header.faq.change(0)" class="fb_bt fb_pro fb_pro_active" id="fb_pro"><span class="icon"></span><span class="fb_arrow"></span>')
							('<span class="txt"><b>Thắc mắc</b><br /><br />Nhấn vào đây để gửi thắc mắc về sản phẩm</span>')
							('<div class="c"></div>')
						('</a>')
						('<a href="javascript:void(0)" onclick="shop.header.faq.change(1)" class="fb_bt fb_error" id="fb_error"><span class="icon"></span><span class="fb_arrow"></span>')
							('<span class="txt"><b>Thông báo lỗi</b><br /><br />Nhấn vào đây nếu bạn phát hiện lỗi</span>')
							('<div class="c"></div>')
						('</a>')
						('<div class="c"></div>')
					('</div>')
					('<div class="cright" id="fb_form">')
						('<div id="fb_form_title">'+shop.header.faq.conf.arrTitle[shop.header.faq.conf.type]+'</div>')
						('<div id="cError"></div>')
						('<div class="mTop10"><input type="text" id="fb_title" title="Tiêu đề" value="Tiêu đề" onblur="if(this.value==\'\') this.value=this.title;" onfocus="if(this.value==this.title) this.value=\'\';" /></div>')
						('<div class="mTop10"><textarea id="fb_content" onblur="if(this.value==\'\') this.value=this.title;" onfocus="if(this.value==this.title) this.value=\'\';" title="Nội dung">Nội dung</textarea></div>')
						(IS_CUSTOMER_LOGIN <= 0 ? '<div class="mTop10"><input type="text" id="fb_email" title="Email (sẽ được bảo mật)" value="Email (sẽ được bảo mật)" onblur="if(this.value==\'\') this.value=this.title;" onfocus="if(this.value==this.title) this.value=\'\';" /></div>' : ' ')
						('<div class="mt28"><a href="javascript:void(0)" onclick="shop.header.faq.submit()" class="blueButton" id="fr"><span><span>Gửi cho MuaChung</span></span></a></div>')
					('</div>')
					('<div class="c"></div>')
				('</div>')
			('</div>')());
		}
	}
};
